<template>
  <div class="about">
    <!--vue2中
      v-model相当与一个v-bind：value和 v-on:表单事件
      但是在3中发生了改变
     
    <my-input v-model="content" a="123" b="234" class="input"/>-->
    <my-input v-model:content="content"/>
  </div>
</template>
<script>
import myInput from '@/components/myInput'
import { defineComponent, ref, watchEffect } from 'vue'
export default {
  components: {
    myInput
  },

  setup() {
    let content = ref('德玛西亚')

    // watchEffect 只能监听ref的数据
    watchEffect(() => {
      console.log(content.value);
    })
    return {
      content
    }
  }
}
</script>
